<template>
	<view class="p-1" >
		<!-- 头像呢称 /关注按钮 -->
		<view class="flex align-center justify-between " >
			<view  class="flex align-center" >				
				<image class="m-2 rounded-circle " :src="item.userpic" style="width: 84rpx;height: 84rpx;
				" lazy-load ></image>	
				 <view>
					 <view class="font-md" style="line-height: 1.5;" >{{item.username}}</view>
					 <text class="font-sm text-light-muted " >{{item.newstime}}</text>
				 </view>
			</view>
			<view class="flex align-center justify-center  "  style="width: 90rpx;height: 60rpx;
			border-radius:20rpx;color: #3C9EFF; border: 1rpx solid #3C9EFF ;" >
				关注
			</view>			
		</view>
		<!-- 标题 -->
		<view class="font-sm " style="margin: 10rpx 0;" >
			{{item.title}}
		</view>	
		<!-- 图片 -->
		<image class="w-100 " :src="item.titlepic" style="height: 320rpx;
		border-radius: 10rpx; " mode="widthFix" ></image>			
		<!-- 图标按钮 -->
		<view class="flex align-center">
			<view class="flex flex-1 align-center justify-center " >
				 <text class="iconfont icon-dianzan" style="margin-right: 20rpx;" ></text>
				 <text>{{item.support.support_count}}</text>
			</view>
			
			<view class="flex flex-1 align-center justify-center " >
				 <text class="iconfont icon-pinglun "  style="margin-right: 20rpx;" ></text>
				 <text>{{item.comment_count}}</text>
			</view>
			
			<view class="flex flex-1 align-center justify-center " >
				 <text class="iconfont icon-fenxiang "  style="margin-right: 20rpx;" ></text>
				 <text>{{item.share_num}}</text>
			</view>				
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:Object,
			index:Number
		}
	}
</script>

<style>
</style>
